<template>
  <section class="nano-area">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6 col-sm-8">
          <div class="nano-item">
            <span>Rules of Business</span>
            <a href="#"><h4 class="title">Construction Business <br> Responsibility</h4></a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8">
          <div class="nano-item active">
            <span>New improvements</span>
            <a href="#"><h4 class="title">Innovative industry <br> solutions</h4></a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-8">
          <div class="nano-item">
            <span>quality services</span>
            <a href="#"><h4 class="title">skilled & professional <br> contractors</h4></a>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
    export default {
      name: "NanoArea",
    }
</script>

<style scoped>

</style>
